<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Product-<?php echo C('site_title');?></title>
<meta name="keywords" content="<?php echo C('site_keyword');?>">
<meta name="description" content="<?php echo C('site_content');?>">
<link rel="stylesheet" href="<?php echo STATICS;?>/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="<?php echo STATICS;?>/css/bootstrap.min.css">
<link rel="stylesheet" href="<?php echo RES;?>/css/style.css" />
<script src="<?php echo STATICS;?>/js/jquery-1.9.1.min.js"></script>
<script src="<?php echo RES;?>/js/placeholder.js"></script>
<script src="<?php echo RES;?>/js/common.js"></script>
</head>
<body>

<div class="header">
    <div class="mfbox">
        <div class="logo" id="com_logo" editok="online">
            <a href="/"><img style="width: 200px;height: 110px;margin-left: 70px;" src="<?php echo C('site_logo');?>" alt="<?php echo C('site_name');?>" /></a>
        </div>
        <div class="input">
            <div class="language">
                <li class="home">
                    <a href="#" onclick="javascript:setHomePage('<?php echo U('site_url');?>');"> Set Home </a>
                </li>
                <li class="favorite">
                    <a href="#" onclick="javascript:addFavorite('<?php echo U('site_url');?>','<?php echo U('site_name');?>');">Favorites</a>
                </li>
            </div>
            <div class="search">
                <form id="productSearch" name="productSearch" action="<?php echo U('Product/index');?>" method="get">
                    <input type="text" id="keywords" name="keywords" title="Enter the keyword or word you want to find..." value="" />
                    <input type="submit" align="middle" value="go" class="btn1" title="Enter the keyword or word you want to find..." />
                </form>
            </div>
        </div>
    </div>
</div>

<div class="clear"></div>
<script type="text/javascript">
    $(function(){
        $('.menu>li').hover(function(){
            $(this).find('.second-nav').stop().slideDown();
        },function(){
            $(this).find('.second-nav').stop().slideUp();
        })

        $('.second-nav').find('li').hover(function(){
            $(this).find('.third-nav').stop().slideDown();
        },function(){
            $(this).find('.third-nav').stop().slideUp();
        })

        $('.third-nav').find('li').hover(function(){
            $(this).find('.four-nav').stop().slideDown();
        },function(){
            $(this).find('.four-nav').stop().slideUp();
        })
    });
</script>
<div class="navBox">
    <ul class="menu">
        <li><a href="/">HOME</a></li><li><a href="<?php echo U('Product/index');?>">PRODUCT</a></li>
        <li><a href="<?php echo U('About/index');?>">Guideline and Tips</a></li>
        <li>
            <a href="<?php echo U('News/index',array('cateID'=>11));?>">News</a>
            <ul class="second-nav">
                <li class="third-nav">
                    <a href="<?php echo U('News/index',array('cateID'=>71));?>">Industry news</a> 
                </li>
                <li class="third-nav">
                    <a href="<?php echo U('News/index',array('cateID'=>72));?>">Enterprise news</a>
                </li>
            </ul>
        </li>
        <li><a href="<?php echo U('Contact/feedback');?>">Contract us</a></li>
    </ul>
</div>


<div class="inBanner"><h1>PRODUCT</h1></div>

<div class="mfbox inBox">
	<div class="leftMenu">
		<?php
 foreach ($proMenu as $key => $val1) { echo '<li><a href="'.U('Product/index',array('path'=>$val1['path'])).'">'.$val1['name'].'</a>'; echo '<ul>'; foreach ($val1['childrens'] as $key => $val2) { if ($val2['childrens']) { echo '<li class="aa"><a href="javascript:void(0)" onclick="show(this)">'.$val2['name'].'</a>'; }else{ echo '<li class="fenlei"><a href="'.U('Product/index',array('cateID'=>$val2['id'])).'">'.$val2['name'].'</a>'; } echo '<ul style="display:none">'; foreach ($val2['childrens'] as $key => $val3) { if($cateID==$val3['id']){ echo '<li class="active">'; }else{ echo '<li>'; } if ($val3['childrens']) { echo '<a href="javascript:void(0)" onclick="show(this)">'.$val3['name'].'</a>'; }else{ echo '<a href="'.U('Product/index',array('cateID'=>$val3['id'])).'">'.$val3['name'].'</a>'; } echo '<ul style="display:none">'; foreach ($val3['childrens'] as $key => $val4) { if($cateID==$val4['id']){ echo '<li class="active">'; }else{ echo '<li>'; } echo '<a href="'.U('Product/index',array('cateID'=>$val4['id'])).'">'.$val4['name'].'</a>'; echo '</li>'; } echo '</ul>'; echo '</li>'; } echo '</ul>'; echo '</li>'; } echo '</ul>'; echo '</li>'; } ?>
	</div>

	<div class="productList">
		<?php if(empty($list)): ?><div class="null"><img src="<?php echo RES;?>/image/null_data.jpg" alt=""></div>
		<?php else: ?>
		<div class="list">
			<?php if(is_array($list)): $i = 0; $__LIST__ = $list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><a href="<?php echo U('Product/detail',array('id'=>$vo['id']));?>"><img src="<?php echo ($vo["image"]); ?>" alt="<?php echo ($vo["name"]); ?>"><p><?php echo ($vo["name"]); ?></p></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
		</div><?php endif; ?>

		<div class="page">
			<nav>
					<ul class="pagination"><?php echo ($page); ?></ul>
				</nav>
			</div>
	</div>
</div>
<script>
function show(obj){
	var $ul = $(obj).next("ul");
	if($ul.is(':visible')){
		$ul.stop().slideUp();
	}else{
		$ul.stop().slideDown();
	}
}
$(function(){
	li = $(".leftMenu li.active");
	li.parent("ul").show();
	li.parent().parent().parent("ul").show();
	 $("#aa a").click(function(){
  $(this).addClass("on").siblings().removeClass("on");
  alert('22');
  $("#previewer").css("color",$(this).css("background-color"))
 });

})
</script>


<footer class="footer">
	<p><?php echo C('copyright');?></p>
	<p><?php echo C('site_address');?></p>
	<p><?php echo C('site_tel');?></p>
	<p><?php echo C('site_fax');?></p>
	<p><?php echo C('site_email');?></p>
</div>

<!-- <div class="kefu">
	<div class="hd"><span id="close"></span></div>
	<div class="bd">
		<li>
			<a href="skype:xlpowerbattery@hotmail.com" onclick="return skypeCheck();">
				<img src="<?php echo RES;?>/image/small_white_online.png">
				<span class="txt">xlpowerbattery</span>
			</a>
		</li>
		<li>
			<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=752260275&amp;Site=公司名称&amp;Menu=yes">
				<img src="<?php echo RES;?>/image/1.gif">
				<span class="txt">Kelly</span>
			</a>
		</li>
	</div>
	<div class="fd"></div>
</div> -->
<script>
$(function(){
	$("#close").click(function(){
		$(".kefu").hide();
	});
})
</script>
</div>      
</body>
</html>